<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<body>
    <aside id="sidebar" class="sidebar" th:fragment="sidebar">
        <div class="sidebar-inner affix-top">

            <section class="site-overview-wrap sidebar-panel sidebar-panel-active">
                <div class="site-overview" style="max-height: 585px;">
                    <div class="site-author motion-element" itemprop="author" itemscope=""
                        itemtype="http://schema.org/Person">
                        <img class="site-author-image" itemprop="image" th:src="@{/blog/image/Logo.png}" alt="Van">
                        <p class="site-author-name" itemprop="name">Van</p>
                        <p class="site-description motion-element" itemprop="description">Scenes</p>
                    </div>
                    <nav class="site-state motion-element">
                        <div class="site-state-item site-state-posts">
                            <a href="/archives">
                                <span class="site-state-item-count" th:text="${session.articleCount}"></span>
                                <span class="site-state-item-name">Archives</span>
                            </a>
                        </div>
                        <div class="site-state-item site-state-categories">
                            <a href="/categories">
                                <span class="site-state-item-count" th:text="${session.categoryCount}"></span>
                                <span class="site-state-item-name">Categories</span>
                            </a>
                        </div>
                    </nav>
                    <div class="links-of-author motion-element">
                        <th:block th:each="index : ${commons.social()}">
                            <th:block th:if="${index.value} != null and ${index.value} != ''">
                                <th:block th:switch="${index.key}">
                                    <th:block th:case="'github'">
                                        <span class="links-of-author-item">
                                            <a th:href="@{${index.value}}" target="_blank" title="GitHub">
                                                <i class="fa fa-fw fa-github"></i>GitHub
                                            </a>
                                        </span>
                                    </th:block>
                                    <th:block th:case="'weibo'">
                                        <span class="links-of-author-item">
                                            <a th:href="@{${index.value}}" target="_blank" title="Weibo">
                                                <i class="fa fa-fw fa-weibo"></i>Weibo
                                            </a>
                                        </span>
                                    </th:block>

                                    <th:block th:case="'zhihu'">
                                        <span class="links-of-author-item">
                                            <a th:href="@{${index.value}}" target="_blank" title="Zhihu">
                                                <i class="fa fa-fw fa-twitter"></i>Zhihu
                                            </a>
                                        </span>
                                    </th:block>

                                    <th:block th:case="'jianshu'">
                                        <span class="links-of-author-item">
                                            <a th:href="@{${index.value}}" target="_blank" title="Jianshu">
                                                <i class="fa fa-fw fa-google"></i>Jianshu
                                            </a>
                                        </span>
                                    </th:block>

                                    <th:block th:case="'csdn'">
                                        <span class="links-of-author-item">
                                            <a th:href="@{${index.value}}" target="_blank" title="CSDN">
                                                <i class="fa fa-fw fa-chrome"></i>CSDN
                                            </a>
                                        </span>
                                    </th:block>

                                    <th:block th:case="'resume'">
                                        <span class="links-of-author-item">
                                            <a th:href="@{${index.value}}" target="_blank" title="Resume">
                                                <i class="fa fa-fw fa-globe"></i>Resume
                                            </a>
                                        </span>
                                    </th:block>
                                </th:block>
                            </th:block>
                        </th:block>
                    </div>
                </div>
            </section>
        </div>
    </aside>
</body>

</html>